.background_spinner,.background_spinner_{
    position:absolute;
    height:100%;
    width:100%;
}
.cupcakeCore,.cupcakeInner{
    animation-direction:alternate;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
}
.background_spinner_{
    background:rgba(255,255,255,.6);
    filter:blur(10px);
}
.background_spinner{
    display:flex;
    justify-content:center;
    align-items:center;
}
#cupcake{
    flex-direction:row;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    -mos-flex-direction:row;
    -o-flex-direction:row;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-justify-content:center;
    height:6%;
    width:5%;
}
.letter{
    font-size:300%;
    color:#000;
    font-family:tahoma;
}
.box{
    display:box;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
}
.cupcakeCircle,.cupcakeCore,.cupcakeInner{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
}
.cupcake,.cupcakeCircle,.cupcakeCore,.cupcakeInner,.letter{
    flex:none;
    -webkit-flex:none;
    -moz-flex:none;
    -ms-flex:none;
    -o-flex:none;
}
.cupcakeCircle,.letter{
    align-self:center;
    -webkit-align-self:center;
    -moz-align-self:center;
    -o-align-self:center;
    -ms-align-self:center;
}
.cupcakeCircle{
    align-items:center;
    -ms-align-items:center;
    justify-content:center;
    -ms-justify-content:center;
    height:100%;
    width:100%;
    background-color:#222;
}
.cupcakeInner{
    align-self:center;
    -ms-align-self:center;
    justify-content:center;
    -ms-justify-content:center;
    height:50%;
    width:50%;
    background-color:#ffd454;
    animation-name:cupcakeAnimate;
    animation-duration:.5s;
}
.cupcakeCore{
    align-self:center;
    -ms-align-self:center;
    height:25%;
    width:25%;
    background-color:#222;
    animation-name:coreAnimate;
    animation-duration:1s;
}
@-webkit-keyframes cupcakeAnimate{
    to{
        height:90%;
        width:90%;
    }
}
@keyframes cupcakeAnimate{
    to{
        height:90%;
        width:90%;
    }
}
@-webkit-keyframes coreAnimate{
    to{
        height:90%;
        width:90%;
    }
}
@keyframes coreAnimate{
    to{
        height:90%;
        width:90%;
    }
}